<template>
  <div>
    <van-nav-bar
      title="黑马头条 - 案例"
    />
  </div>
</template>

<script>
export default {
  name: 'LoGin'
}
</script>

<style lang="less" scoped>
  // 如果组件直接引入并且组件上带有class可以直接使用这个class改变组件样式
  .van-nav-bar{
     background: #424245;
  }

  // 如果我想改变引入组件的里面的dom上的样式直接使用class是不生效的
  // 原因因为组件上使用了scoped他在打包过程中会给dom添加个类用作样式
  // 可以通过在类名前面加上/deep/实现类名穿透改变子组件的样式

  // 预处理器不同使用的穿透符也有所不同scss::deep  stylus>>>
  /deep/ .van-nav-bar__title{
  color: white;
  }
  </style>
